常用尺寸单位:
像素:px
1、 屏幕上的一个点作为单位,稳定精确
2、 用得最多的尺寸单位
em单位:
1、 em是以自身字体大小作为参考,是自身字体大小的倍数
2、 当自身字体小大改变时,em会跟着改变;
3、 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
div{font-size:15px;}
h5{background:red;width:300px;height:30px;}
p{background:green;width:20em}
</style>
</head>
<body>
<div>
<h5>我要好好学习1</h5>
<p>我要好好学习2</p>
</div>
</body>
</html>
当设置p元素为20em时,块级元素的字体是15px,所以p元素的宽是300px,跟h5元素的宽高是一样的。